<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ol &amp; ul 有序列表&amp;无序列表</title>
</head>

<body>
<font color="red" size="7">&lt;ol> 有序列表, &lt;li>列表项</font>
<ol>
    <li>
        <font>&lt;ol <font color="red">type</font>: 左侧数字/字母类型. 也可以在&lt;li 列表项里定义type属性</font> <br />
        &lt;ol type 属性可以设置5个值: <font color="red">1 , a , A , i , I</font> <br />
        &lt;li type 属性可以设置8个值: <font color="red">disc , square , circle , 1 , a , A , i , I</font> <br />
        <br />

        <ol>
            <li type="disc">
                CSDN &nbsp; <font color="red">type="disc"   </font>实心圆点
            </li>
            <li type="square">
                百度 &emsp; <font color="red">type="square" </font>实心方块
            </li>
            <li type="circle">
                淘宝 &emsp; <font color="red">type="circle" </font>空心圆环
            </li>
            <li type="1">
                阿里 &emsp; <font color="red">type="1"      </font>以数字编号(默认属性)
            </li>
            <li type="a">
                腾讯 &emsp; <font color="red">type="a"      </font>以小写字母编号
            </li>
            <li type="A">
                网易 &emsp; <font color="red">type="A"      </font>以大写字母编号
            </li>
            <li type="i">
                传智 &emsp; <font color="red">type="i"      </font>以ivx编号
            </li>
            <li type="I">
                传智 &emsp; <font color="red">type="I"      </font>以IVX编号
            </li>
        </ol>
    </li>
    <li>
        &lt;ol <font color="red">start</font>属性: 从几开始编号 <br />
        &lt;ol <font color="red">start="6"</font>
        <ol start="6">
            <li type="1">阿里巴巴 &nbsp;    type="1"以数字编号(默认属性)</li>
            <li type="a">腾讯 &emsp; &emsp; type="a"以小写字母编号</li>
            <li type="A">网易 &emsp; &emsp; type="A"以大写字母编号</li>
        </ol>
    </li>
    <li>
        &lt;ol <font color="red">reversed</font>属性: 从几开始倒数编号, 注意:<font color="red">h5特有属性</font> <br />
        &lt;ol <font color="red">reversed="1"</font>>
        <ol start="1" reversed="reversed">
            <li type="1">阿里巴巴 &nbsp;    type="1"以数字编号(默认属性)</li>
            <li type="a">腾讯 &emsp; &emsp; type="a"以小写字母编号</li>
            <li type="A">网易 &emsp; &emsp; type="A"以大写字母编号</li>
        </ol>
    </li>
</ol>


<br />
<br />
<hr />
<font color="red" size="7">&lt;ul> 无序列表, &lt;li>列表项</font> <br />

&lt;ul <font color="red">type</font> 属性: 左侧圆点类型. 也可以在&lt;li>列表项里定义type属性 <br />
&lt;ul type属性可以设置3个值: <font color="red">disc , square , circle</font> <br />
&lt;li> 的type属性可以设置8个值: <font color="red">disc , square , circle , 1 , a , A , i , I</font>

<ul>
    <li>
        百度 &emsp; <font color="red">type="disc"</font>实心圆点(默认属性)
    </li>
    <li type="square">
        百度 &emsp; <font color="red">type="square"</font>实心方块
    </li>
    <li type="circle">
        淘宝 &emsp; <font color="red">type="circle"</font>空心圆环
    </li>
    <li type="1">
        阿里 &emsp; <font color="red">type="1"</font>以数字编号
    </li>
    <li type="a">
        腾讯 &emsp; <font color="red">type="a"</font>以小写字母编号
    </li>
    <li type="A">
        网易 &emsp; <font color="red">type="A"</font>以大写字母编号
    </li>
    <li type="i">
        传智 &emsp; <font color="red">type="i"</font>以ivx编号
    </li>
    <li type="I">
        传智 &emsp; <font color="red">type="I"</font>以IVX编号
    </li>
</ul>
</body>
</html>